<template>
  <div class="app-container">
    <h4>基本信息</h4>
    <table class="table table-striped table-condenseda table-bordered" width="100%">
      <tbody>
      <tr>
        <th width="15%">医院名称</th>
        <td width="35%"><b style="font-size: 14px"> {{ hospital.hosname }} </b> | {{ hospital.param.hostypeString }}</td>
        <th width="15%">医院logo</th>
        <td width="35%">
          <img :src="'data:image/jpeg;base64,'+hospital.logoData" width="80">
        </td>
      </tr>
      <tr>
        <th>医院编码</th>
        <td>{{ hospital.hoscode }}</td>
        <th>地址</th>
        <td>{{ hospital.param.fullAddress }}</td>
      </tr>
      <tr>
        <th>坐车路线</th>
        <td colspan="3">{{ hospital.route }}</td>
      </tr>
      <tr>
        <th>医院简介</th>
        <td colspan="3">{{ hospital.intro }}</td>
      </tr>
      </tbody>
    </table>

    <h4>预约规则信息</h4>
    <table class="table table-striped table-condenseda table-bordered" width="100%">
      <tbody>
      <tr>
        <th width="15%">预约周期</th>
        <td width="35%">{{ bookingRule.cycle }}天</td>
        <th width="15%">放号时间</th>
        <td width="35%">{{ bookingRule.releaseTime }}</td>
      </tr>
      <tr>
        <th>停挂时间</th>
        <td>{{ bookingRule.stopTime }}</td>
        <th>退号时间</th>
        <td>{{ bookingRule.quitDay == -1 ? '就诊前一工作日' : '就诊当日' }}{{ bookingRule.quitTime }} 前取消</td>
      </tr>
      <tr>
        <th>预约规则</th>
        <td colspan="3">
          <ol>
            <li v-for="item in bookingRule.rule" :key="item">{{ item }}</li>
          </ol>
        </td>
      </tr>
      <br>
      <el-row>
        <el-button @click="back">返回</el-button>
      </el-row>
      </tbody>
    </table>
  </div>

</template>

<script>

  import hospApi from '@/api/hosp/hosp'

  export default {
    name: 'show',
    data() {
      return {
        bookingRule: {}, //预约规则
        hospital: {
          param: {
            hostypeString: {},// 医院等级
            fullAddress: {} // 全路径地址
          }
        } // 医院信息
      }
    },
    created() {
      //获取路由id
      const id = this.$route.params.id
      //调用方法，根据id查询医院详情
      this.fetchHospDetail(id)
    },
    methods: {
      // 获取医院详情
      fetchHospDetail(id) {
        hospApi.getHospById(id).then(resp => {
          this.hospital = resp.data.hospital
          this.bookingRule = resp.data.bookingRule
        })
      },
      // 返回上一个页面
      back() {
        this.$router.push({ path: '/hospSet/hospital/list' })
      }
    }
  }
</script>

<style scoped>

</style>
